body{
    font-family: 'PingFangSC-Regular', 'helvetica neue', tahoma, 'PingFang SC', 'microsoft yahei', arial, 'hiragino sans gb', sans-serif;
    /*background: #000;*/
}
.test{
    line-height: 30px;
    background: #0f0;
    text-align: center;
}
#backBtn{
    line-height: 30px;
    /*background: #0054e1;*/
    background: #ddd;
    text-align: center;
}

footer{
    /*height: 100%;*/
    /*height: 100vh;*/

}
.bottom_iframe{
    /*position: relative;*/
    /*z-index: 999;*/
    /*height: 100vh;*/
    /*width: 100%;*/
    /*border: none;*/
    /*background: red !important;*/
    /*position: absolute;*/
}

/*---------------footer开始---------------*/
.footer-md ul{
    list-style: none;
    padding: 0;
}
.footer-md .card-body{
    padding: 0;
}
.footer-md .card{
    border: none;
}
.footer-md ul li{
    margin: 20px 0;
}
.footer-md ul li a{
    color: #333;
    text-decoration: none;
    font-size: 0.9rem;
}
.footer-md .btn{
    width: 100%;
    text-align: left;
    padding: 0;
    border: none;
}
.footer-md .btn:focus, .btn.focus {
    box-shadow: none;
}
.footer-md .card-header{
    text-align: left;
    padding: 0;
    border: none;
    margin: 0!important;
}

.footer-box{
    margin-top: 40px;
    padding: 0 8vw;
    position: relative;
    z-index: 999;
}
.footer-head h4{
    font-size: 1.5rem;
    color: #333;
    margin-right: 15px;
}
.footer-head ul li{
    margin: 0 15px;
}
.footer-head ul li a img{
    width: 30px;
}
.footer-head ul li:first-child{
    position: relative;
}
.footer-head ul li:first-child:hover img{
    display: block;
}
.footer-head .wechat img{
    width: 140px;
    position: absolute;
    left: 0;
    top: -140px;
    display: none;
    z-index: 999;
}

.footer-body-box{
    margin-top: 40px;
}
.footer-body-box ul li{
    /*margin: 15px 60px 15px 0;*/
    margin: 15px 5vw 15px 0;
}
.footer-body-box ul li h5{
    color: #333;
    margin-bottom: 30px;
}
.footer-body-box ul li a{
    text-decoration: none;
    color: #333;
}
.footer-body-box .footer-logo>img{
    width: 212px;
}
.copyright ul li{
    margin-right: 20px;
}
.copyright ul li:last-child{
    margin-right: 0;
}
.copyright ul li a{
    color: #999;
    text-decoration: none;
    font-size: 0.8rem;
}
.copyright p{
    color: #999;
    font-size: 0.8rem;
}
/*---------------footer结束---------------*/

@media (min-width: 1px){
    .footer-text{
        position: static;
        margin-bottom: 40px;
    }
    .footer-md{
        display: block;
    }
    .footer-body-box{
        display: block!important;
    }
    .footer-body-box{
        display: none!important;
    }
}
@media(min-width: 576px){

}
@media (min-width: 768px) {

}
@media (min-width: 992px) {
    .footer-banner{
        position: relative;
        display: block;
        /*flex-direction: column-reverse;*/
        text-align: left;
    }
    .footer-text{
        position: absolute;
        margin-bottom: 0;
    }
    .footer-md{
        display: none;
    }
    .footer-body-box{
        display: flex!important;
    }
}
@media (min-width: 1200px) {

}